<template>
	<view style="height: 100%;">
		<view class="divid_line_horizen"></view>
		<form @submit="formSubmit">
			<view style="height: 100%;">
				<scroll-view style="margin-bottom: 100rpx;" scroll-y="true">
					<!-- 个人信息 -->
					<view class="head_title">
						<text class="title">请填写企业用户注册信息</text>
					</view>
					<view class="wrap">

						<c-edit-item label="企业全称" :showarrow="false" :isrequre="true" placeholder="请输入"> </c-edit-item>
						<c-edit-item label="纳税人识别号" :showarrow="false" :isrequre="true" placeholder="请输入"> </c-edit-item>
						<c-edit-item label="联系人" :showarrow="false" :isrequre="true" placeholder="请输入"> </c-edit-item>
						<c-edit-item label="手机号码" :showarrow="false" :isrequre="true" placeholder="请输入"> </c-edit-item>
						<c-edit-item label="担任职位" :showarrow="false" placeholder="请输入"> </c-edit-item>
						<c-edit-item label="企业邮箱" :showarrow="false" placeholder="请输入"> </c-edit-item>
						<c-edit-item label="企业座机" :showarrow="false" placeholder="请输入"> </c-edit-item>
						<c-edit-item label="所在行业" :showarrow="false" placeholder="请输入"> </c-edit-item>
						
						<view  style="display: flex;flex-direction: column;width: 100%;padding: 20rpx 30rpx 30rpx 10rpx;">
							<view style="    height: 66rpx;">
								<text style='color:red;'>*</text>
								<text style="color: #666666;font-size: 30rpx;margin-bottom: 30rpx;">企业地址</text>
							</view>
							<view class="item_box" @click="goEdit">
								<input style="width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" disabled="true"
								 placeholder-class="placeholder" class="input" placeholder="请输入企业地址" />
								<u-icon style="float: right;" name="arrow-right" color="#999999"></u-icon>
							</view>
						</view>
						<view class="divid_line_horizen"></view>
						<view  style="display: flex;flex-direction: column;width: 100%;padding: 20rpx 30rpx 30rpx 10rpx;">
							<text style="color: #666666;font-size: 30rpx;margin-bottom: 30rpx;">企业简介</text>
							<view class="item_box" @click="goEdit">
								<input style="width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" disabled="true"
								 placeholder-class="placeholder" class="input" placeholder="请输入企业简介" />
								<u-icon style="float: right;" name="arrow-right" color="#999999"></u-icon>
							</view>
						</view>
						<view class="divid_line_horizen"></view>
						<view style="display: flex;height: 240rpx;padding:30rpx 16rpx ;">
							<view class="">
								<view style="height: 66rpx;">
									<text style='color:red;'>*</text>
									<text style="color: #666666;font-size: 30rpx;margin-bottom: 30rpx;">营业执照附件上传</text>
								</view>
								<view style="font-size: 24rpx;color: #999999;margin: 0 36rpx 0 16rpx ;">
									营业执照上传后需外敷后台审核，审核后才可以具备职位等全部功能
								</view>
							</view>
							<image @click="upload" style="width: 400rpx;height: 160rpx;" src="../../../static/uview/findjob/upload_camera.png" mode=""></image>
						</view>
					</view>
				</scroll-view>
			</view>
			<view class="bottom_btn">
				<button class="text" form-type="submit">确定</button>
			</view>
		</form>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				value: ""
			}
		},
		methods: {
			formSubmit: function(e) { //保存数据
				console.log(e);
			},
			upload(e){
				console.log(e);
			}

		}
	}
</script>

<style lang="scss" scoped>
	.scroll {
		width: 100%;
		height: 100%;
	}

	.head_title {
		height: 138rpx;
		padding: 0 30rpx;
		display: flex;
		align-items: center;
		font-family: PingFangSC-Semibold, PingFang SC;

		.title {
			font-size: 36rpx;
			color: #333333;
		}

		.tip {
			margin-left: 16rpx;
			width: 40px;
			height: 20px;
			background: rgba(255, 72, 72, 0.1);
			border-radius: 2px;
			font-size: 24rpx;
			color: #FF4848;
			text-align: center;
			font-family: PingFangSC-Medium, PingFang SC;
		}
	}

	.wrap {
		padding-left: 16rpx;
	}

	.item {
		height: 100rpx;
		width: 100%;
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
		border-bottom: solid 2rpx #F2F2F2;

		.input {
			right: 60rpx;
			text-align: right;
			position: absolute;
			width: 520rpx;
			color: #333333;
		}
	}

	.item_box {
		display: flex;flex-direction: row;
		width: auto;
		font-size: 30rpx;
	
		.placeholder {
			color: #999999;
		}
	
		.input {
			color: #333333;
		}
	}

	.bottom_btn {
		position: fixed;
		width: 100%;
		height: 120rpx;
		background-color: #eeeeee;
		bottom: 0rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 999;

		.text {
			width: 335px;
			height: 45px;
			background: linear-gradient(270deg, #1698F9 0%, #4CC5FC 100%);
			border-radius: 12rpx;
			color: #ffffff;
			font-size: 32rpx;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
</style>
